@import './base.css';
@import "./font-awesome-4.7.0/css/font-awesome.min.css";
html{
    height: 100%;
    width: 100%;
}
body{
    background-color: #eeeeef;
    /*margin: 0;
    height: 100vh;*/
    height: 100%;
    /* overflow: hidden; */
}

#app,.h-w-100{
    height: 100%;
    width: 100%;
}
.el-card__body{
    height: 87%;
}
.flicker_box{animation: glow 300ms ease-out infinite alternate; }
#app .root-element{
    color: white;
    padding: 0.5rem;
    height: 92vh;
    background: url("/img/bg.jpg");
}

#app .root-ele{
    color: black;
    padding: 0.75rem;
    height: 92vh;
    background-image: linear-gradient(var(--m-blue), #eee 50%);
}
.back-div{
    background-color: #FFFFFF;
    border-radius: 10px;
}
.tag-icon{
    height: unset !important;
}
.icon-height.tag-icon{
    width: 1.3rem !important;
    height: 1.3rem !important;
}
.icon-all-black:before {
    content: "\e6ef";
}

@keyframes glow {
    0% {
        border-color: #ea0f0f;
        /* box-shadow: 0 0 5px rgb(234, 15, 15), inset 0 0 5px rgb(234, 15, 15), 0 2px 0 #ea0f0f; */
        box-shadow: 0 0 5px #fff;
        -moz-box-shadow: 0 0 5px #fff;
        -webkit-box-shadow: 0 0 5px #fff;
    }
    100% {
        border-color: #ea0f0f;
        /* box-shadow: 0 0 20px rgb(234, 15, 15), inset 0 0 10px rgb(234, 15, 15), 0 2px 0 #ea0f0f; */
        box-shadow: 0 0 20px rgb(255, 0, 0);
        -moz-box-shadow: 0 0 20px rgb(255, 0, 0);
        -webkit-box-shadow: 0 0 20px rgb(255, 0, 0);
    }
}
.content-ctn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bgc-blue{
    background-color: #74cafc;
}
.bgc-red{
    background-color: #f89898;
}
.flex-col-center{
    display: flex;
    align-items: center;
}
.flex-row-center{
    display: flex;
    justify-content: center;
}
ul{
    list-style: none;
    padding: 0;
    text-align: center;
}
.title-icon{
    color: var(--m-blue);
}

body {
    width: 100% !important;
}


/*!*滚动条样式*!*/
/*::-webkit-scrollbar*/
/*{*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    background-color: #313961;*/
/*}*/

/*::-webkit-scrollbar-track*/
/*{*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
/*    background-color: #313961;*/
/*    border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb*/
/*{*/
/*    border-radius: 10px;*/
/*    background-color: #FFF;*/
/*    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#005ab4), to(#005ab4), color-stop(.6,#078bd9));*/
/*}*/

/*::-webkit-scrollbar-track-piece{*/
/*    border-radius: 10px;*/
/*}*/



/*新滚动条样式*/
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #F3F2F2;
}

::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.1);*/
    background-color: #F3F2F2;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #D8D8D8;
    /*background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#005ab4), to(#005ab4), color-stop(.6,#078bd9));*/
}

::-webkit-scrollbar-track-piece{
    border-radius: 10px;
}
.el-tag.el-tag--info{
    --el-tag-text-color: #444;
}
div[dir="ltr"]{
    position: absolute;
    top: 0;
}
#luckysheet-input-box{
    overflow-x: hidden;
    overflow-y: hidden;
}

/* 共通logo样式 */
.logo {
    font-family: 'iconfont logo';
    font-size: 160px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .home {
    width: 100vw;
    background: url(/@/assets/images/home/body-bg.jpg) no-repeat;

    .home-header {
      height: 8%;
      cursor: pointer;
    }

    .home-main {
      height: 92%;
    }
  }

  .header {
    height: 10vh;
    background-image: url(/src/assets/images/head-bg.png);
    background-size: 100% 100%;
  }

  .titleMain {
    width: 100vw;
    text-align: center;
    /* width: 100%; */
    color: #fff;
    text-shadow:
      0.2rem 0rem 0.5rem #0a2466,
      -0.2rem 0rem 0.5rem #152c68,
      0rem 0.2rem 0.5rem #1b3a88,
      0rem -0.2rem 0.5rem #205efd;
  }

  .titleMain h1 {
    color: #fff;
    font-size: 3vh;
    /* width: 100%; */
    margin-left: 2%;
    padding: 0;
    line-height: 4vh;
  }

  .home {
    display: grid;
    /* grid-template-rows: 5vh 94vh;
    grid-row-gap: 1vh; */
  }

  .header {
    height: 10vh;
    background-image: url(../assets/images/head-bg.png);
    background-size: 100% 100%;
  }

  .titleMain {
    width: 100vw;
    text-align: center;
    /* width: 100%; */
    color: #fff;
    text-shadow:
      0.2rem 0rem 0.5rem #0a2466,
      -0.2rem 0rem 0.5rem #152c68,
      0rem 0.2rem 0.5rem #1b3a88,
      0rem -0.2rem 0.5rem #205efd;
  }

  .titleMain h1 {
    color: #fff;
    font-size: 3vh;
    /* width: 100%; */
    margin-left: 2%;
    padding: 0;
    line-height: 4vh;
  }